<template>
  <div class="container">
    <div class="app-content">
      <!-- 全屏容器 -->
      <dv-full-screen-container>
        <!-- 第一部分 -->
      <MoudleTitle/>
      <!-- 第二部分 -->
      <MoudleMain/>
      <!-- 第三部分 -->
      <MoudleThree/>
      </dv-full-screen-container>
    </div>
  </div>
</template>

<script>
import MoudleTitle from "./MoudleTitle";
import MoudleMain from "./MoudleMain";
import MoudleThree from "./MoudleThree";

export default {
  components: {
    MoudleTitle,
    MoudleMain,
    MoudleThree,
  },
  name: "HomeView",
  data() {
    return {
    };
  },
};
</script>
<style scoped>
.container {
  color: #fff;
  width: 100%;
  height: 100vh;
  background: url("../assets/img/pageBg.png") no-repeat center center;
  background-size: 100% 100%;
}
</style>
